css3 实现自定义有序列表序号

有一下代码结构：

<div class="list">
    <div class="item">
        这是第一部分
    </div>
    <div class="item">
        这是第二部分
    </div>
    <div class="item">
        这是第三部分
    </div>
</div>

我想显示成：

part:1这是第一部分
part:2这是第二部分
part:3这是第三部分

body{
    counter-reset: my-item;//从1开始计数
}
.item:before{
    counter-increment: my-item;
    content: "part:" counter(my-item);
}